<template>
	<view class="mine">
		<view class="mine-background"></view>
		
		<!-- S 主体内容 -->
		<view class="mine-content">
			<view class="mine-content-collect">
				<view class="collect-set"></view>
				<view class="collect-main">
				</view>
			</view>
			<view class="mine-content-profile"></view>
		</view>
		<!-- E 主体内容 -->
		
		<tab-bar :selected="4"></tab-bar>
	</view>
</template>

<script>
	import tabBar from '../../../components/tab_bar.vue'
	export default {
		components:{
			tabBar,
			uniImage
		},
		mounted() {
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.mine{
	.mine-background{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #4044FC;
		height: 30vh;
		border-bottom-left-radius: 30rpx;
		border-bottom-right-radius: 30rpx;
	}
	.mine-content{
		padding: 70rpx 25rpx 15rpx;
		.mine-content-collect{
			.collect-set{
				margin-bottom: 28rpx;
			}
			.collect-main{
				border-radius: 18rpx;
				padding: 30rpx 18rpx 17rpx;
				box-sizing: border-box;
				background-color: #ffffff;
				text-align: center;
			}
		}
	}
}
</style>
